<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<ui:composition>
	<p:dataTable id="listaMov" var="mov"
		value="#{movimientos}"
		emptyMessage="#{msgs['lista.vacia']}" paginator="true" paginatorPosition="bottom"
		resizableColumns="false" rows="10" sortBy="#{mov.id}" sortOrder="descending"
		paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
		<f:facet name="header">
			<p:outputLabel value="Movimientos" />
		</f:facet>
		<p:column headerText="#{msgs['concepto']}" filterBy="#{mov.concepto}" filterMatchMode="contains" styleClass="texto-grilla">
			<h:outputText value="#{mov.concepto}"/>
		</p:column>
		<p:column headerText="#{msgs['form.fecha']}" sortBy="#{mov.fecha}">
			<h:outputText value="#{mov.fecha}">
				<f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
			</h:outputText>
		</p:column>
		<p:column headerText="#{msgs['form.movimiento.tipo']}"
			sortBy="#{mov.tipoMovimiento}" styleClass="texto-grilla">
			<h:outputText value="#{mov.tipoMovimiento.toString()}">
			</h:outputText>
		</p:column>
		<p:column headerText="#{msgs['form.movimiento.debe']}"
			sortBy="#{mov.debe}" styleClass="monto-grilla">
			<h:outputText value="#{mov.debe}">
				<f:convertNumber currencySymbol="$" type="currency" />
			</h:outputText>
		</p:column>
		<p:column headerText="#{msgs['form.movimiento.haber']}"
			sortBy="#{mov.haber}" styleClass="monto-grilla">
			<h:outputText value="#{mov.haber}">
				<f:convertNumber currencySymbol="$" type="currency" />
			</h:outputText>
		</p:column>		
		<p:column headerText="#{msgs['saldo']}"
			sortBy="#{mov.haber}" styleClass="monto-grilla">
			<h:outputText value="#{mov.saldo}">
				<f:convertNumber currencySymbol="$" type="currency" />
			</h:outputText>
		</p:column>	
		<p:column headerText="#{msgs['asiento']}"
			sortBy="#{mov.asiento}" filterBy="#{mov.asiento}">
			<h:outputText value="#{mov.asiento}"/>				
		</p:column>		
	</p:dataTable>
</ui:composition>
</html>
